<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Document</title>
    <link href="../layui/css/modules/layer/default/layer.css" rel="stylesheet">
    <link rel="icon" type="image/png" sizes="16x16" href="../image/favicon.png">
    <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"> -->
    <link href="/bootstrap-3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/style.css" rel="stylesheet">
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
    <link href="../layui/css/layui.css" rel="stylesheet">
</head>

<body>
    <div class="layui-fluid">
        <div class="row clearfix">
            <div class="col-md-12 column">
                <!------------------------------------- 1.总标题 ------------------------------------>
                <div class="page-header">
                    <h1>数据中心
                        <small>终端控制</small>
                    </h1>
                </div>
                <div class="row clearfix">
                    <!------------------------------------- 2.导航区 ------------------------------------>
                    <div class="col-md-2 column">
                        <ul class="nav nav-pills nav-stacked">
                            <li style="text-align:center">
                                <a href="/index.html" class="layui-icon layui-icon-home">　返回大屏</a>
                            </li>
                            <li>
                                <a href="/new_control/con_bigdata.html">大数据分析</a>
                            </li>
                            <li>
                                <a href="/new_control/con_blackbroad.html">黑广播查询</a>
                            </li>
                            <li class="active">
                                <a href="#">工作管理</a>
                            </li>
                            <li>
                                <a href="/new_control/con_setting.html">控制中心</a>
                            </li>
                        </ul>
                    </div>
                    <!------------------------------------- 3.内容区 ------------------------------------>
                    <div class="col-md-10 column">
                        <div class="tabbable" id="tabs-241950">
                            <!--------------------------------- 3.1.选项卡 ------------------------------>
                            <ul class="nav nav-tabs">
                                <li class="active">
                                    <a href="#panel-759329" data-toggle="tab">终端管理</a>
                                </li>
                                <li>
                                    <a href="#panel-212124" data-toggle="tab">白名单管理</a>
                                </li>
                                <li>
                                    <a href="#panel-212125" data-toggle="tab">人员管理</a>
                                </li>
                                <li>
                                    <a href="#panel-212126" data-toggle="tab">使用记录</a>
                                </li>
                            </ul>
                            <!--------------------------------- 3.2.内容 -------------------------------->
                            <div class="tab-content">
                                <!----------------------------- 3.2.1.终端管理 ---------------------- -->
                                <div class="tab-pane active" id="panel-759329">
                                    <div style="padding: 20px; background-color: #F2F2F2;">
                                        <div class="layui-row layui-col-space15">
                                            <!------------------------- 3.2.1.1.地图 ---------------------->
                                            <div class="layui-card">
                                                <div class="layui-card-header">工作路径在此查看</div>
                                                <div id="layui-card-body">
                                                    <div id='map_mobile' class="jumbotron"></div>
                                                </div>
                                            </div>
                                            <div class="layui-card">
                                                <!------------------------- 3.2.1.2.终端表格 ------------------ -->
                                                <div class="layui-card-header">终端名单</div>
                                                <div class="layui-card-body">
                                                    <script type="text/html" id="barDemo1">
                                                        <button
                                                            class="layui-btn layui-btn-radius layui-bg-blue layui-btn-sm"
                                                            lay-event="work">工作路径
                                                        </button>
                                                    </script>
                                                    <script type="text/html" id="barDemo2">
                                                        <button
                                                            class="layui-btn layui-btn-danger layui-btn-radius layui-btn-sm"
                                                            lay-event="del">删除
                                                        </button>
                                                        <button class="layui-btn layui-btn-radius layui-btn-sm"
                                                            lay-event="edit">修改
                                                        </button>
                                                    </script>
                                                    <div class="layui-table" id="tb_MobileList" lay-skin="line"
                                                        lay-size="lg" lay-filter="tb_MobileList"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!----------------------------- 3.2.2.白名单 ------------------------ -->
                                <div class="tab-pane" id="panel-212124">
                                    <div style="padding: 20px; background-color: #F2F2F2;">
                                        <div class="layui-row layui-col-space15">
                                            <div class="layui-card">
                                                <div class="layui-card-header">白名单</div>
                                                <div class="layui-card-body">
                                                    <div style="width: 100% !important;" class="layui-table"
                                                        id="tb_whiteList" lay-skin="line" lay-size="lg"
                                                        lay-filter="tb_whiteList"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!----------------------------- 3.2.3.工作名单 --------------------- -->
                                <div class="tab-pane" id="panel-212125">
                                    <div style="padding: 20px; background-color: #F2F2F2;">
                                        <div class="layui-row layui-col-space15">
                                            <div class="layui-card">
                                                <div class="layui-card-header">工作名单</div>
                                                <div class="layui-card-body">
                                                    <div style="width: 100% !important;" class="layui-table"
                                                        id="tb_workList" lay-skin="line" lay-size="lg"
                                                        lay-filter="tb_workList"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!----------------------------- 3.2.4.使用记录 --------------------- -->
                                <div class="tab-pane" id="panel-212126">
                                    <div style="padding: 20px; background-color: #F2F2F2;">
                                        <div class="layui-row layui-col-space15">
                                            <div class="layui-card">
                                                <div class="layui-card-header">检索条件</div>
                                                <div class="layui-card-body">
                                                    <form id="use_record_select" class="layui-form">
                                                        <div class="layui-form-item">
                                                            <div class="layui-row" style="position: relative;top:15px">
                                                                <div class="layui-col-md4">
                                                                    <label style="width:100px"
                                                                        class="layui-form-label">检测设备</label>
                                                                    <div style="width:180px" class="layui-input-block">
                                                                        <select name="mobile" 　lay-verify="">
                                                                            <option value="0">全部</option>
                                                                            <option v-cloak
                                                                                v-for="mobile in mobile_info"
                                                                                :value="mobile.mobile">{{ mobile.name 
                                                                                }}</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="layui-col-md4">
                                                                    <label style="width:100px"
                                                                        class="layui-form-label">开始时间</label>
                                                                    <div class="layui-input-block">
                                                                        <input style="width:180px" id="starttime"
                                                                            type="text" name="s_time" required
                                                                            lay-verify="required" placeholder="请输入标题"
                                                                            autocomplete="off" class="layui-input"
                                                                            readonly>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="layui-form-item">
                                                            <div class="layui-row">
                                                                <div class="layui-col-md4">
                                                                    <label style="width:100px"
                                                                        class="layui-form-label">检测人员</label>
                                                                    <div style="width:180px" class="layui-input-block">
                                                                        <select name="idcard" lay-verify="" lay-search>
                                                                            <option value="0">全部</option>
                                                                            <option v-cloak
                                                                                v-for='monitor in monitor_info'
                                                                                :value="monitor.idcard">{{ monitor.name
                                                                                }}</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="layui-col-md4">
                                                                    <label style="width:100px"
                                                                        class="layui-form-label">结束时间</label>
                                                                    <div class="layui-input-block">
                                                                        <input style="width:180px" id="endtime"
                                                                            type="text" name="e_time" required
                                                                            lay-verify="required" placeholder="请输入标题"
                                                                            autocomplete="off" class="layui-input"
                                                                            readonly>
                                                                    </div>
                                                                </div>
                                                                <div class="layui-col-md4"
                                                                    style="position: absolute;left: 75%">
                                                                    <button class="layui-btn layui-bg-blue" lay-submit
                                                                        lay-filter="use_record_submit">检索
                                                                    </button>
                                                                    <button type="reset"
                                                                        class="layui-btn layui-btn-primary">重置
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                            <div class="layui-card">
                                                <div class="layui-card-header">使用记录</div>
                                                <div class="layui-card-body">
                                                    <div style="width: 100% !important;" class="layui-table"
                                                        id="tb_UseRecord_id" lay-skin="line" lay-size="lg"
                                                        lay-filter="tb_UseRecord_lay"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--------------------------------- 3.3.所用表单 --------------------------- -->
                            <!----------------------------- 3.3.1.移动端添加表单 -------------------------------- -->
                            <form id="mobile_add" style="display:none;height:700px;width:400px" class="layui-form" lay-filter="controlForm3">
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 100px;">名称</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="name" required lay-verify="required"
                                            style="width: 180px;" placeholder="请输入标题" autocomplete="off"
                                            class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 100px;">手机号</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="phonenumber" required style="width: 180px;"
                                            lay-verify="required" placeholder="请输入标题" autocomplete="off"
                                            class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 100px;">系统id</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="mobile" required style="width: 180px;"
                                            lay-verify="required" placeholder="请输入标题" autocomplete="off"
                                            class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 100px;">所属区域</label>
                                    <div class="layui-input-block" style="width: 180px;">
                                        <select name="district" lay-verify="required">
                                            <option v-cloak v-for='place in place_info' :value="place.id">{{ place.name 
                                            }}</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <button class="layui-btn layui-bg-blue" lay-submit lay-filter="formDemo">
                                            立即提交
                                        </button>
                                        <button type="reset" class="layui-btn layui-bg-blue layui-btn-primary">重置
                                        </button>
                                    </div>
                                </div>
                            </form>
                            <!----------------------------- 3.3.2.移动端修改表单 ---------------------->
                            <form id="mobile_edit" style="display:none;height:700px;width:400px" class="layui-form" lay-filter="controlForm3">
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 100px;">名称</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="name" required lay-verify="required"
                                            style="width: 180px;" placeholder="请输入标题" autocomplete="off"
                                            class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 100px;">手机号</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="phonenumber" required style="width: 180px;"
                                            lay-verify="required" placeholder="请输入标题" autocomplete="off"
                                            class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 100px;">所属区域</label>
                                    <div class="layui-input-block" style="width: 180px;">
                                        <select name="district" lay-verify="required">
                                            <option v-cloak v-for='place in place_info' :value="place.id">{{ place.name
                                             }}</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <button class="layui-btn layui-bg-blue" lay-submit lay-filter="moEditSubmit">
                                            立即提交
                                        </button>
                                        <button type="reset" class="layui-btn layui-bg-blue layui-btn-primary">重置
                                        </button>
                                    </div>
                                </div>
                            </form>
                            <!----------------------------- 3.3.3.工作路径表单 ------------------------ -->
                            <form id="mobile_workpath" style="display: none;height:700px;width:600px" class="layui-form">
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 100px">时间范围</label>
                                    <div class="layui-input-block">
                                        <input id="workRange" type="text" name="timeRange" required
                                            lay-verify="required" style="width: 300px;" placeholder="请输入标题"
                                            autocomplete="off" class="layui-input" readonly>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button class="layui-btn layui-bg-blue" lay-submit lay-filter="timeRange">
                                                查看工作路径
                                            </button>
                                            <button type="reset" class="layui-btn layui-bg-blue layui-btn-primary">
                                                重置
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <!----------------------------- 3.3.4.添加白名单弹窗 ---------------------- -->
                            <form id="whitelist_add" style="display: none;height:700px;width:400px" class="layui-form">
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 100px;">频率</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="freq" required style="width: 180px;"
                                            placeholder="例:88.6" class="layui-input" lay-verify="number">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 100px;">名称</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="name" required style="width: 180px;"
                                            placeholder="例:北京交通广播" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 100px;">所属区域</label>
                                    <div class="layui-input-block" style="width: 180px;">
                                        <select name="district" lay-verify="required">
                                            <option v-cloak v-for='place in place_info' :value="place.id">{{ place.name 
                                            }}</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <button lay-submit class="layui-btn layui-bg-blue" lay-filter="wh_post"> 立即提交
                                        </button>
                                        <button type="reset" class="layui-btn layui-bg-blue layui-btn-primary">重置
                                        </button>
                                    </div>
                                </div>
                            </form>
                            <!----------------------------- 3.3.5.白名单修改表单 ------------------------>
                            <form id="whitelist_edit" style="display:none;height:700px;width:400px" class="layui-form">
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 100px;">名称</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="name" required style="width: 180px;"
                                            placeholder="请输入标题" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 100px;">区域</label>
                                    <div class="layui-input-block" style="width: 180px;">
                                        <select name="district" lay-verify="required">
                                            <option v-cloak v-for='place in place_info' :value="place.id">{{ place.name
                                            }}</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <button lay-submit class="layui-btn layui-bg-blue" lay-filter="wl_edit"> 立即提交
                                        </button>
                                        <button type="reset" class="layui-btn layui-bg-blue layui-btn-primary">重置
                                        </button>
                                    </div>
                                </div>
                            </form>
                            <!----------------------------- 3.3.6.检测人员添加表单 ------------------------ -->
                            <form id="workListAdd" style="display: none;height:700px;width:400px" class="layui-form">
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 100px;">身份证</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="idcard" required style="width: 180px;"
                                            placeholder="请输入标题" class="layui-input" lay-verify="number">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 100px;">姓名</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="name" required style="width: 180px;"
                                            placeholder="请输入标题" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 100px;">区域</label>
                                    <div class="layui-input-block" style="width: 180px;">
                                        <select name="district" lay-verify="required">
                                            <option v-cloak v-for='place in place_info' :value="place.id">{{ place.name
                                            }}</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <button lay-submit class="layui-btn layui-bg-blue" lay-filter="work_post"> 立即提交
                                        </button>
                                        <button type="reset" class="layui-btn layui-bg-blue layui-btn-primary">重置
                                        </button>
                                    </div>
                                </div>
                            </form>
                            <!----------------------------- 3.3.7.检测人员修改表单 --------------------------->
                            <form id="workListEdit" style="display: none;height:700px;width:400px" class="layui-form">
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 100px;">姓名</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="name" required style="width: 180px;"
                                            placeholder="请输入标题" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 100px;">区域</label>
                                    <div class="layui-input-block" style="width: 180px;">
                                        <select name="district" lay-verify="required">
                                            <option v-cloak v-for='place in place_info' :value="place.id">{{ place.name
                                            }}</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <button lay-submit class="layui-btn layui-bg-blue" lay-filter="work_edit"> 立即提交
                                        </button>
                                        <button type="reset" class="layui-btn layui-bg-blue layui-btn-primary">重置
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!------------------------------ 脚本 ------------------------------ -->
    <script src="../js/shell/jquery.min.js"></script>
    <script src="../js/utils/shell.js" type="text/javascript"></script>
    <script src="../layui/layer.js" type="text/javascript"></script>
    <script src="../layui/layui.js" type="text/javascript"></script>
    <!-- 地图 -->
    <script src="//webapi.amap.com/loca?v=1.3.2&key=53d9330efb4cb3ce512a46f93728a097" type="text/javascript"></script>
    <script type="text/javascript"
        src="https://webapi.amap.com/maps?v=1.4.15&key=53d9330efb4cb3ce512a46f93728a097&plugin=Map3D,AMap.DistrictLayer,AMap.Scale,AMap.ToolBar">
    </script>
    <script src="//webapi.amap.com/loca?v=1.3.2&key=53d9330efb4cb3ce512a46f93728a097" type="text/javascript"></script>
    <script src="../js/shell/adcodes.js"></script>
    <script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>

    <!------------------------------ 自定义脚本 ------------------------- -->
    <!--压缩js-->
    <!-- layui -->
    <script src="../js/compress/tool/layuiToolCompress.js"></script>
    <!--地图js-->
    <script src="../js/compress/con_mobile/mainMapShellCompress.js"></script>
    <!--vue表单js-->
    <script src="../js/compress/con_mobile/mainVueShellCompress.js"></script>
    <!--源js-->
    <!-- 地图js -->
    <!-- <script src="../js/con_mobile/map_show.js" type="text/javascript"></script> -->
    <!--layui 组件-->
    <!-- <script src="../js/tools/LayuiTool.js"></script> -->
    <!-- 表单选项 -->
    <!-- <script src="../js/con_mobile/mainVueShell.js" type="text/javascript"></script> -->
</body>

</html>